ul,li{list-style: none;}
.update-wrapper{background-color: #fff;}
.update-wrapper .update{font-size: .28rem;color: #666;margin-left: .2rem;padding-top: .25rem;margin-bottom: .2rem;}
.update-wrapper .banner{width: 7.10rem;height: 2.70rem;display: block;margin: 0 auto;position: relative;}
.update-wrapper .banner-img{width: 7.10rem;height: 2.70rem;display: block;margin: 0 auto;}
.update-wrapper .over{font-size: .32rem;color: #fff;position: absolute;left: 0;bottom: 0;margin-left: .15rem;}
.update-wrapper .title{font-size: .32rem;color: #333;margin-bottom: .25rem;line-height: .5rem;}
.update-wrapper .bottom{display: block;margin: 0 auto;width: 6.8rem;margin-top: .3rem;}
.update-wrapper .bottom .left{float: left;width: 3.8rem;margin-right: .2rem;}
.update-wrapper .bottom .left span{font-size: .24rem;color: #999;margin-right: .3rem;}
.update-wrapper .bottom .left span:last-child{margin-right:0;background-color: #0aae0f;color: #eee;width: .9rem;height: .4rem;display: inline-block;text-align: center;line-height: .4rem;}
.update-wrapper .right{width: 2.75rem;height: 1.67rem;margin-top: .1rem;}
.update-wrapper .leave{border-top: .01rem solid #ccc;display: block;margin: 0 auto;width: 6.8rem;margin-top: .35rem;}
.update-wrapper .leave p{font-size: .28rem;color: #666;line-height: 0.8rem;}
.update-wrapper .leave p span{float: right;margin-top: .2rem;}

.blue{background-color: #009be0;}
.blue .search-box{width: 6.3rem;height: .64rem;margin: 0 auto;position: relative;}
.blue .search-box span{position: absolute;left: 0;top: 0;color: #fff;margin-top: .12rem;margin-left: .2rem;}
.blue .search-box .search{background: rgba(255,255,255,0.2);color: #eee;border-radius: .5rem;text-align: center;border: none;}
.blue .search-box .search::-webkit-input-placeholder { /* WebKit browsers */
  color: #eee;
}

.toggle-wrapper{background-color: #009be0;height: .8rem;padding-top: .1rem;}
.toggle-wrapper .wai{color: #fff;font-size: .28rem;line-height: .8rem;width: 49%;text-align: center;display: inline-block;}
.toggle-wrapper .wai .nei{height: .65rem;display: inline-block;}
.toggle-wrapper .wai.active .nei{font-size: .34rem;border-bottom: .05rem solid #fff;}

.toggle-wrapper.two{background-color: #fff;height: 1rem;padding-top: 0;line-height: 1rem;}
.toggle-wrapper.two .wai{width: 24%;color: #aaa;}
.toggle-wrapper.two .wai .nei{height: .8rem;}
.toggle-wrapper.two .wai.active .nei{color: #009be0;border-bottom: .05rem solid #009be0;}

.update-wrapper.two{padding-bottom: .1rem;}
.update-wrapper.two .bottom{margin-top: 0;padding-top: .2rem;}
.update-wrapper.two .leave{margin-top: 0;}
.update-wrapper.two .bottom .left span:last-child{background-color: #ff9d29;}

.icon{border-radius: 50%;position: fixed;right: .34rem;bottom: 2.9rem;width: .8rem;height: .8rem;opacity: 0.8;z-index: 999;}

.xuetang-list .update{font-size: .32rem;color: #666;}

.yixue-box{background-color: #fff;}
.yixue-box .right{width: .8rem;height: .8rem;border-radius: 50%;display: block;}

.meiri-wrapper{background-color: #fff;}
.meiri-wrapper p{font-size: .32rem;color: #666;}
.meiri-wrapper .all{float: right;color: #0367fd;font-size: .28rem;}
.meiri-wrapper .leave{border-bottom: .01rem solid #ccc;display: block;margin: 0 auto;width: 6.8rem;padding-top: .35rem;}

.meiri-list.mui-grid-view .mui-table-view-cell .meiri-box{border: .01rem solid #ccc;border-radius: .1rem;}
.meiri-list.mui-grid-view .mui-media-object{width: 3.45rem;height: 2.08rem;}
.meiri-list.mui-grid-view .double{position: relative;}
.meiri-list.mui-grid-view .over{width: .8rem;height: .8rem;position: absolute;left: 1.55rem;top: .8rem;border-radius: 50%;opacity: 0.8;}
.meiri-list.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{line-height: 18px;height: 40px;text-align: left;padding: 0 8px;}
.mui-table-view:before{height: 0;}

.tab{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 44px;
	line-height: 44px;
	/*border-bottom: 1px solid #ccc;*/
	background-color: #eee;
	position: relative;
}
.tab:after{
	content: '';
	display: block;
	width: 90%;
	border-bottom: .01rem solid #ccc;
	position: absolute;
	bottom: 0;
	margin: 0 15px;
}
.tab .item{
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	font-size: .28rem;
	text-align: center;
	color: #aaa;
	text-decoration: none;
	position: relative;
}
.tab .cur:after{
	content: '';
	display: block;
	width: .8rem;
	border-bottom: .05rem solid #009be0;
	position: absolute;
	left: .5rem;
	bottom: -.1rem;
}
.tab .cur{
	height: 42px;
	/*border-bottom: 2px solid #009be0;*/
	color: #009be0;
	font-size: .34rem;
}
.content{
	background-color: #fff;
}
.content .item{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:3.125%;
	border-bottom: 1px solid #ddd;
	color: #333;
	text-decoration: none;
}
.content .item img{
	display: block;
	width: 40px;
	height: 40px;
	border:1px solid #ddd;
}
.content .item h3{
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	max-height: 40px;
	overflow: hidden;
	line-height: 20px;
	margin: 0 10px;
	font-size: 1.2rem;
}
.content .item .date{
	display: block;
	height: 20px;
	line-height: 20px;
	color: #999;
}
.opacity{
	-webkit-animation: opacity 0.3s linear;
	animation: opacity 0.3s linear;
}
@-webkit-keyframes opacity {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes opacity {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}